<?php require APP_ROOT.'public/top.php';?>
<div class="admincp-container unfold">
<?php require APP_ROOT.'public/left.php';?>
<div class="right-nav">

  <div class="admincp-container-right" style="height:40px;">
    <div style="position: static;border:1px solid #fff;">
      <div lay-filter="xbs_tab" lay-allowclose="false">
        <ul class="layui-tab-title" ty='1' style="height:auto;">
          <li data-param="Index/welcome"><i class="layui-icon">&#xe68e;</i> 我的桌面</li>
        </ul>
        <span class="layui-unselect layui-tab-bar" lay-stope="tabmore" title=""><i lay-stope="tabmore" class="layui-icon"></i></span>
      </div>
    </div>
    <div class="top-border"></div>
    
  </div>
    <link href="public/static/css/index.css" rel="stylesheet" type="text/css">
    <link href="public/static/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
    <link href="public/static/css/purebox.css" rel="stylesheet" type="text/css">
    <link href="public/static/js/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="public/static/js/jquery.js"></script>
    <script type="text/javascript" src="public/static/js/jquery-ui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="public/static/js/jquery.cookie.js"></script>
    <style>
        .contentWarp_item .section_select .item_comment{
            padding: 83px 0 31px 38px;
        }
        .contentWarp_item .section_select .item {
            padding: 83px 0 38px 38px;
        }
        .contentWarp_item .section_order_select li{
            width: 23%;
        }
         .contentWarp_item .section_select .item_comment{
            padding: 83px 0 31px 38px;
        }
        .contentWarp_item .section_select .item {
            padding: 83px 0 38px 38px;
        }
        @media only screen and (min-width: 900px) and (max-width: 1761px) {
        	.contentWarp_item{
        		margin-right: 1%;
        	}
        	.contentWarp_item .section_select .icon img{
        		max-width: 74px;
        		max-height: 74px;
        	}
        	.contentWarp_item:nth-child(1){
        		    margin-bottom: 10px;
        	}
        }
           @media only screen and (min-width: 900px) and (max-width: 1312px) {
        	.contentWarp_item .section_select .item{
        		    width: 35%;
        		    margin-bottom: 10px;
        	}
        	
        }
    </style>
  
  <div class="warpper">
    <div class="title">管理中心</div>
    <div class="">
        <div class="" style="padding:20px;">
            <div class="contentWarp_item clearfix">
                <div class="section_select">
                    <div class="item item_order">
                        <i class="icon"><img src="public/static/images/2.png"></i>
                        <div class="desc">
                            <div class="tit">{$count.new_order}</div>
                            <span>账户余额</span>
                        </div>
                    </div>
                    <div class="item item_order">
                        <i class="icon"><img src="public/static/images/2.png"></i>
                        <div class="desc">
                            <div class="tit">{$count.new_users}</div>
                            <span>今日消费</span>
                        </div>
                        <i class="icon"></i>
                    </div>
                    <div class="item item_order">
                        <i class="icon"><img src="public/static/images/2.png"></i>
                        <div class="desc">
                            <div class="tit">{$count.comment}</div>
                            <span>昨日消费</span>
                        </div>
                    </div>
                    <div class="item item_order">
                        <i class="icon"><img src="public/static/images/2.png"></i>
                        <div class="desc">
                            <div class="tit">{$count.today_login}</div>
                            <span>总消费</span>
                        </div>
                        <i class="icon"></i>
                    </div>
                    
                    <div class="item item_order">
                        <i class="icon"><img src="public/static/images/2.png"></i>
                        <div class="desc">
                            <div class="tit">{$count.today_login}</div>
                            <span>曝光量</span>
                        </div>
                        <i class="icon"></i>
                    </div>
                    
                    
                    <div class="item item_order">
                        <i class="icon"><img src="public/static/images/2.png"></i>
                        <div class="desc">
                            <div class="tit">{$count.today_login}</div>
                            <span>点击量</span>
                        </div>
                        <i class="icon"></i>
                    </div>
                    
                    
                    
                    <div class="item item_order">
                        <i class="icon"><img src="public/static/images/2.png"></i>
                        <div class="desc">
                            <div class="tit">{$count.today_login}</div>
                            <span>点击率</span>
                        </div>
                        <i class="icon"></i>
                    </div>
                    
                    
                    <div class="item item_order">
                        <i class="icon"><img src="public/static/images/2.png"></i>
                        <div class="desc">
                            <div class="tit">{$count.today_login}</div>
                            <span>投放模式</span>
                        </div>
                        <i class="icon"></i>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                </div>
            </div>
            
            
    
    <div id="ctable" style="width: 40%;height: 260px;margin: 20px auto;"></div>
    <p style="text-align: center;">
        <a href="javascript:ctb.drawline(1);">折线图</a>
        <a href="javascript:ctb.drawrect(1);">矩形图</a>
        <a href="javascript:ctb.clear();">清除</a>
    </p>
    <script src="js/ctable.js"></script>
    <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script>
        /*
            全手写，暂时只有折线和矩形两种,供学习用
            图表 尺寸由 ID 为 ctable 的css 大小控制
        */
        //创建实例
        var ctb=new Ctable('ctable');
        //测试数据
        var data_tmp=[[0,7,'2019-06','日','次',15,[]],[1,5,'2019-06','日','次',15,[]],[2,3,'2019-06','日','次',15,[]],[3,39,'2019-06','日','次',15,[]],[4,1,'2019-06','日','次',15,[]],[4,9,'2019-06','日','次',15,[]],[4,9,'2019-06','日','次',15,[]],[4,9,'2019-06','日','次',15,[]],[4,9,'2019-06','日','次',15,[]],[0,7,'2019-06','日','次',15,[]]];
        /*
        $.get('https://www.demo.com/api',function(res) {
            //api使用
            var ar=JSON.parse(res);
            console.log(ar);
            ctb.setData(ar);
            ctb.drawline(1);
        })
        */
        //设置数据
        ctb.setData(data_tmp);
        //绘制图形
        ctb.drawline(1);//折线图   差数 1|true 表示是否创建刻度（坐标系）
        //ctb.drawrect(1);//矩形图
        //ctb.clear();//清除图表
    </script>

            


</body>

</html>